<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录 - 许愿墙</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="styles/login.css">
</head>
<body>
    <div class="bubbles">
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
        <div class="bubble"></div>
    </div>

    <div class="login-container">
        <div class="login-card">
            <div class="card-header">
                <h1>🎂 生日快乐</h1>
                <p class="subtitle">输入密语，开启你的生日惊喜</p>
            </div>
            <form id="loginForm" class="login-form">
                <div class="form-group">
                    <input type="text" id="username" required placeholder="用户名">
                </div>
                <div class="form-group">
                    <input type="password" id="password" required placeholder="密码">
                </div>
                <button type="submit" class="login-btn">
                    <span class="btn-text">开启惊喜</span>
                </button>
                <div id="message" class="error-message"></div>
            </form>
            <div class="hint">
                <p>* 输入密语即可开启专属于你的生日惊喜</p>
            </div>
            <div class="direct-link">
                <a href="wishes.html" class="wishes-link">
                    <span class="link-icon">💝</span>
                    <span>直接去送祝福</span>
                </a>
            </div>
        </div>
    </div>

    <div class="modal" id="errorModal">
        <div class="modal-content">
            <h3>温馨提示</h3>
            <p>不对哟，请扫码联系管理员</p>
            <div class="qr-code">
                <img src="public/images/pay.jpg" alt="联系管理员">
            </div>
            <button class="modal-close" onclick="closeModal()">我知道了</button>
        </div>
    </div>
<!-- 
    <script src="scripts/store.js"></script>
    <script src="scripts/auth.js"></script>
    <script src="scripts/login.js"></script> -->
</body>
</html> 